<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>淘学云会员中心</title>
		<!--禁止移动端放大缩小-->
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<!--设置显示手机网页渲染-->
		<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
	</head>
	<body>
		<style type="text/css">
			*{
				padding: 0px;
				margin: 0px;
				border: none;
					font-family: STXihei, "Microsoft YaHei";
	font-family: Arial, "Microsoft YaHei";
			}
			body{
				background: #e5e6e6;
			}
			header{
				background: white;
				height: 50px;
				display: block;	
				width: 100%;			
				float: left;
				position: fixed;
				top: 0px;
				left: 0px;
				box-shadow: 0px 0px 10px #e5e6e6;
			}
			header .back{
				width: 37%;
				display: block;
				float: left;
			}
			header .back img{
				height: 30px;
				padding-left: 20px;
				padding-top: 13px;
			}
			header .logo{
				width: 63%;
				float: left;
				padding-top: 10px;
			}
			header .logo img{
			height: 35px
			}
			
			bt{
				width: 100%;
				float: left;
				background: white;
				margin: 10px 0px;
				text-align: center;
				
			}
			bt h2{
				line-height: 50px;
				font-weight: 100;
				padding-top: 10px;
			}
			bt p{
				padding-bottom: 20px;
				color: #999;
			}
			section .bai50{
				width: 50%;
				float: left;
				
			}
			section a img{
				width: 100%;
			}
			section .bai100{
					width: 100%;
				float: left;
				margin: 7px 0px;
			}
			section .more1{
				color: #999;
				text-align: center;
				text-decoration: none;
				width: 70%;
				display: block;
				margin:0 auto;
			}
			section .more1 p{
				background: white;
				float: left;
				width: 100%;
				line-height: 30px;
				border-radius: 30px;
				margin:10px 0px;
			}
			footer{
				width: 100%;
				float: left;
				position: fixed;
				bottom: 0px;
				left: 0px;
				border-top: 1px solid #e5e6e6;
			}
			footer a img{
				width: 100%;
				float: left;
			}
		</style>
		<header>
			<a class="back" href="javascript:history.back(-1)">
				<img src="images/VIP_03.png"/>
			</a>
			<a class="logo" href="http://tx97.cn/index.php">
				<img src="images/VIP_05.png"/>				
			</a>
		</header>
		<div style="width: 100%;height: 50px;float: left;"></div>
		<BT>
			<h2>会员特权</h2>
			<p>不一样的会员 · 不一样的体验</p>
		</BT>
		<section>
			<a class="bai50" href="#">
				<img src="images/VIP_09.png"/>
			</a>
			<a class="bai50" href="#">
				<img src="images/VIP_10.png"/>				
			</a>
			<a href="#" class="bai100">
				<img src="images/VIP_12.png"/>				
				
			</a>
			<a class="bai50" href="#">
				<img src="images/VIP_14.png"/>
			</a>
			<a class="bai50" href="#">
				<img src="images/VIP_15.png"/>				
			</a>
			<a href="more" class="more1">
				<p>特权太多啦，在这里继续看</p>
			</a>
		</section>
		<BT>
			<h2>会员价格</h2>
			<p>一天一个价 · 赶紧抢购吧</p>
		</BT>
		<section>
			<a class="bai50" href="#">
				<img src="images/VIP_17.png"/>
			</a>
			<a class="bai50" href="#">
				<img src="images/VIP_18.png"/>				
			</a>
			<div style="width: 100%;height: 5px;float: left;"></div>
			<a class="bai50" href="#">
				<img src="images/VIP_20.png"/>
			</a>
			<a class="bai50" href="#">
				<img src="images/VIP_21.png"/>				
			</a>
			<a href="more" class="more1">
				<p>没有钻石？立即充值</p>
			</a>
		</section>
		<div style="width: 100%;height: 50px;float: left;"></div>
		
		<footer>
			<a href="mqqwpa://im/chat?chat_type=wpa&uin=3206107745">
				<img src="images/VIP_23.png"/>
			</a>
		</footer>
	</body>
</html>
